<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
        <title>PlaceNDate - Creación de nuevo usuario</title>
        <link rel="shortcut icon" href="images/favicon.ico" >

        <!--CSS -->
        <link href="stylesheets/styles.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/screen.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/print.css" type="text/css" rel="stylesheet" media="print"/>   
        <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
        <link href="stylesheets/superfish.css" type="text/css" rel="stylesheet" media="screen, projection"/>

        <!-- FUNCIONES JAVASCRIPT -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
        <script src="javascripts/init.js" type="text/javascript"></script>
        <script src="javascripts/cookies.js" type="text/javascript"></script>
        <script src="javascripts/registro.js" type="text/javascript"></script>
        <script src="javascripts/hoverIntent.js" type="text/javascript"></script>
        <script src="javascripts/superfish.js" type="text/javascript"></script>
        <!--        <style type="text/css">
                    #loginContent { width: 350px; margin: 100px auto; }
                    button[type] { margin: 0.5em 0; }
                </style>-->
    </head>
    <body onload="init();registered()">
        <div id="fondocabecera">
            <div class="container">
                <div id="contenidocabecera">
                    <a id="logo" class="cabecera span-12" href="index.html">
                        <img src="images/logo.png">
                    </a>

                    <ul id="buttons" class="cabecera botones span-24 sf-menu" style="display: none;">

                        <li id="inicioB" class="current span-6 last">
                            <a href="index.html">Inicio</a>
                        </li>
                        <li id="marcadorB" class="span-6 last">
                            <a href="crearMarcador.html">Crear Evento</a>
                        </li>
                        <li id="gruposB" class="span-6 last">
                            <a href="grupos.html">Mis grupos</a>
                        </li>
                        <li id="usB" class="span-6 last">
                            <a href="sobreNosotros.html">ProyectoJAU</a>
                        </li>

                    </ul>
                    <div id="user" class="cabecera span-12 last" style="display: none;">
                        <a id="name" href="infoPersonal.html">

                        </a>
                        <button id="logout" onclick="logout()">
                            <img alt="SALIR" src=
                                 "./images/salir.jpg" />                         
                            Logout
                        </button>
                    </div>

                </div>
            </div>
        </div>
        <br />
        <br />
        <div id="contenido">
            <div class="container marcoRegistro"> 
                <div class="span-48">
                    <br />
                    <h1>
                        &nbsp;Registro de usuario
                    </h1>

                    <form id="loginForm" name="loginForm" method="post" style="width: inherit;" action="">
                        <label class="campillos">Nombre:</label><input type="text" id="nombre" name="nombre" /><br />
                        <div class="EDC"></div>
                        <label class="campillos">Apellidos:</label><input type="text" id="apellidos" name="apellidos" /><br />
                        <div class="EDC"></div>
                        <label class="campillos">Correo electrónico:</label><input type="text" id="correo" name="correo" /><div class="checkMail" id="checkMail"></div>
                        <div class="EDC"></div>
                        <label class="campillos">Contraseña:</label><input type="password" id="password" name="password" /><br />
                        <div class="EDC"></div>
                        <div class="campillos"></div><input type="submit" value="Regístrame"/><div class="checkMail" id="checking"></div>
                        <div class="EDC"></div>
                    </form>
                    <div id="loginResult" style="display:none;">
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>